<template>
	<div class="contentBox margin_bottom3">
		<div class="flexbetween mainpadding15 F5F8FA">
			<div class="flexleft">
				<div class="text_b color_six margin_right3">{{item.createtime_text}}</div>
				<div class="text_b color_six margin_right3">订单号：{{item.order_no}}</div>
				<!-- <div class="text_b color_six">李老师</div> -->
			</div>
			<div class="text_b color_theme">已完成</div>
		</div>
		<div class=" mainpadding15 flexleft"  v-for="ite in item.ordergoods" :key="ite.id">
			<!-- 只有优课有图片 -->
			<img class="imgBox margin_right2" :src="ite.goods_image_text" alt="">
			<div class="flexbetween flex1">
				<div class="heightText justify_between_column" style="width: 220px;">
					<div class="text_dt color_three lianghang">{{ite.goods_name}}</div>
					<div class="flexbetween margin_top1">
						<div class="text_b color_red">￥{{ite.price}}</div>
						<div class="text_b color_red">x{{ite.goods_num}}</div>
					</div>
				</div>
				<div class="text_d color_theme">{{ite.sku}}</div>
				<div class="text_d color_red">￥{{ite.pay_price}}</div>
				<div class="themeBtnBg pointer" @click="goInfo(item.id)" v-if="type==0">查看详情</div>
				<div class="themeBtnBg pointer" @click="gogoodsInfo(ite.goods_id)" v-if="type==1">查看详情</div>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		props:["type","item"],
		data() {
			return {
				
			}
		},
		
		methods: {
			goInfo(id) { //进入订单详情
				this.$router.push({
					path: "/mine/shoppingOrderInfo",
					query:{
						id
					}
				})
			},
			gogoodsInfo(id) { //进入商品详情
				this.$router.push({
					path:"/shopping/goodsInfo",
					query:{
						id
					}
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.contentBox {
		// width: 741px;
		// height: 149px;
		background: #FFFFFF;
		border-radius: 4px 4px 4px 4px;
		border: 1px solid #EAEAEA;
	}

	.imgBox {
		width: 74px;
		height: 74px;
		border-radius: 4px 4px 4px 4px;
	}

	.heightText {
		height: 74px;
	}
</style>